<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
<label for="userName">用户名：</label><input name="userName" type="text" id="userName"><br>
<label for="password">密码：</label><input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
    function login() {
        $.ajax({
            url:"http://127.0.0.1:8080/user/login",
            type: "post",
            data:{
                userName: $("#userName").val(),
                password: $("#password").val()
            },
            // http响应成功
            //result接收后端返回的参数
            success:function(result){
                if(result===true){
                    //页面跳转
                    //这里的相对路径,可以相对于static,也可以相对于login.html
                    location.href ="/login/index.html";
                    // location.assign("index.html");

                }else{
                    alert("密码错误");
                }
            },
        });
    }

</script>
</body>

</html>